<template>
	<div class="v-cell">
		<div class="flex align-items justify-b v-cell-small pos-r">
			<div class="small-img">
				<van-image width="3.01333rem" height="1.97333rem" lazy-load :src="videoItem.showImage"/>
			</div>
			<div class="v-cell-body pos-r flex-1">
				<div class="flex justify-b flex-direction-c h100">
					<div class="v-cell-tit  ellipsis2">
						{{videoItem.shortName}}
					</div>
					<div class="v-cell-time flex justify-b">
						<div class="flex-1" v-if="videoItem.status==0">审核中</div>
						<div class="flex-1" v-if="videoItem.status==1">审核通过</div>
						<div class="flex-1 c1" v-if="videoItem.status==2">审核驳回</div>
						<div class="del" @click="delFun(videoItem.shortId)">删除</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		props:['videoItem'],
		methods:{
			delFun(id){
				this.$emit('delFun',{id:id})
			}
		}
	}
</script>

<style lang="less" scoped="scoped">
	.v-cell {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 20px 18px;
		overflow: hidden;
		color: #323233;
		font-size: 14px;
		background-color: #fff;
		padding-bottom: 0;
	}
	.v-cell-body{
		height:74px;
		margin-left: 12px;
	}
	.small-img{
		width:113px;
		height:74px;
		border-radius:3px;
		overflow: hidden;
	}
	.v-cell-small{
		padding-bottom: 25px;
	}
	.v-cell-small:after{
		position: absolute;
		box-sizing: border-box;
		content: ' ';
		pointer-events: none;
		right: 0;
		bottom: 0;
		left:0;
		border-bottom: 1px solid #ebedf0;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
	.v-cell-tit{
		font-size:17px;
		font-weight:500;
		color:#333333FF;
		line-height:26px;
	}
	.v-cell-time{
		margin-top: 3px;
		font-size:12px;
		font-weight:500;
		color:#999999FF;
		line-height:17px;
		.flex-1{
			line-height:26px;
		}
	}
	.c1{
		color: #FF5D6AFF;
	}
	.del{
		padding:3px 12px;
		font-size:14px;
		font-weight:500;
		color:#666666FF;
		line-height:20px;
		border-radius:13px;
		border:1px solid rgba(193,193,193,1)
	}
</style>
